﻿<!DOCTYPE html>
<html>
  <head>
    <title>步骤条 Steps</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=1440, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/步骤条_steps/styles.css" type="text/css" rel="stylesheet"/>
    <link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/步骤条_steps/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (元件标题) -->

      <!-- 背景 (Dynamic Panel) -->
      <div id="u2134" class="ax_default" data-label="背景">
        <div id="u2134_state0" class="panel_state" data-label="State1" style="">
          <div id="u2134_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- 线条 (Dynamic Panel) -->
      <div id="u2135" class="ax_default" data-label="线条">
        <div id="u2135_state0" class="panel_state" data-label="State1" style="">
          <div id="u2135_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2136" class="ax_default _默认样式">
        <div id="u2136_div" class=""></div>
        <div id="u2136_text" class="text ">
          <p><span style="font-family:'FontAwesome Bold', 'FontAwesome Regular', 'FontAwesome';"></span><span style="font-family:'微软雅黑 Bold', '微软雅黑';"> 元件标题</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2137" class="ax_default _默认样式">
        <div id="u2137_div" class=""></div>
        <div id="u2137_text" class="text ">
          <p><span style="font-family:'FontAwesome';font-weight:400;"></span><span style="font-family:'微软雅黑';font-weight:400;"> </span><span style="font-family:'FontAwesome';font-weight:400;">作品首页</span></p>
        </div>
      </div>

      <!-- Unnamed (版权信息) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u2139" class="ax_default _默认样式">
        <img id="u2139_img" class="img " src="images/___icons/u605.png"/>
        <div id="u2139_text" class="text ">
          <p><span>Copyright © </span><a id="u2140" class="link"><span>http://t.cn/EPh287q</span></a><span>, All Rights Reserved.</span></p><p><span>打造高保真原型，快人一步</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2141" class="ax_default" data-left="20" data-top="100" data-width="1100" data-height="90">

        <!-- Unnamed (Rectangle) -->
        <div id="u2142" class="ax_default _默认样式">
          <div id="u2142_div" class=""></div>
          <div id="u2142_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">使用说明</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">引导用户按照流程完成任务的导航条。当任务复杂或者存在先后关系时，将其分解成一系列步骤，从而简化任务。</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2143" class="ax_default _默认样式">
          <div id="u2143_div" class=""></div>
          <div id="u2143_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2144" class="ax_default _默认样式">
        <div id="u2144_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2145" class="ax_default _默认样式">
        <div id="u2145_div" class=""></div>
        <div id="u2145_text" class="text ">
          <p><span>常用步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2146" class="ax_default" data-left="130" data-top="303" data-width="877" data-height="55">

        <!-- Unnamed (Ellipse) -->
        <div id="u2147" class="ax_default _默认样式">
          <img id="u2147_img" class="img " src="images/步骤条_steps/u2147.png"/>
          <div id="u2147_text" class="text ">
            <p><span>1</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u2148" class="ax_default _默认样式">
          <img id="u2148_img" class="img " src="images/步骤条_steps/u2148.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2149" class="ax_default _默认样式 selected">
          <img id="u2149_img" class="img " src="images/步骤条_steps/u2149.png"/>
          <div id="u2149_text" class="text ">
            <p><span>2</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u2150" class="ax_default _默认样式">
          <img id="u2150_img" class="img " src="images/步骤条_steps/u2148.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2151" class="ax_default _默认样式">
          <img id="u2151_img" class="img " src="images/步骤条_steps/u2149.png"/>
          <div id="u2151_text" class="text ">
            <p><span>4</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2152" class="ax_default _默认样式">
          <div id="u2152_div" class=""></div>
          <div id="u2152_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">进行中</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">这里是该步骤的描述信息</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2153" class="ax_default _默认样式">
          <div id="u2153_div" class=""></div>
          <div id="u2153_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">待进行</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">这里是该步骤的描述信息</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2154" class="ax_default _默认样式 selected">
          <img id="u2154_img" class="img " src="images/步骤条_steps/u2149.png"/>
          <div id="u2154_text" class="text ">
            <p><span>3</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u2155" class="ax_default _默认样式">
          <img id="u2155_img" class="img " src="images/步骤条_steps/u2148.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2156" class="ax_default _默认样式">
          <div id="u2156_div" class=""></div>
          <div id="u2156_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">待进行</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">这里是该步骤的描述信息</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2157" class="ax_default _默认样式">
          <div id="u2157_div" class=""></div>
          <div id="u2157_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">待进行</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">这里是该步骤的描述信息</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2158" class="ax_default" data-left="132" data-top="403" data-width="877" data-height="54">

        <!-- Unnamed (Ellipse) -->
        <div id="u2159" class="ax_default _默认样式">
          <img id="u2159_img" class="img " src="images/步骤条_steps/u2159.png"/>
          <div id="u2159_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u2160" class="ax_default _默认样式">
          <img id="u2160_img" class="img " src="images/步骤条_steps/u2160.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2161" class="ax_default _默认样式 selected">
          <img id="u2161_img" class="img " src="images/步骤条_steps/u2147.png"/>
          <div id="u2161_text" class="text ">
            <p><span>2</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u2162" class="ax_default _默认样式">
          <img id="u2162_img" class="img " src="images/步骤条_steps/u2148.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2163" class="ax_default _默认样式">
          <img id="u2163_img" class="img " src="images/步骤条_steps/u2149.png"/>
          <div id="u2163_text" class="text ">
            <p><span>4</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2164" class="ax_default _默认样式">
          <div id="u2164_div" class=""></div>
          <div id="u2164_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">已完成</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">这里是该步骤的描述信息</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2165" class="ax_default _默认样式">
          <div id="u2165_div" class=""></div>
          <div id="u2165_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">进行中</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">这里是该步骤的描述信息</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2166" class="ax_default _默认样式 selected">
          <img id="u2166_img" class="img " src="images/步骤条_steps/u2149.png"/>
          <div id="u2166_text" class="text ">
            <p><span>3</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u2167" class="ax_default _默认样式">
          <img id="u2167_img" class="img " src="images/步骤条_steps/u2148.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2168" class="ax_default _默认样式">
          <div id="u2168_div" class=""></div>
          <div id="u2168_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">待进行</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">这里是该步骤的描述信息</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2169" class="ax_default _默认样式">
          <div id="u2169_div" class=""></div>
          <div id="u2169_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">待进行</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">这里是该步骤的描述信息</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2170" class="ax_default" data-left="132" data-top="497" data-width="877" data-height="53">

        <!-- Unnamed (Ellipse) -->
        <div id="u2171" class="ax_default _默认样式">
          <img id="u2171_img" class="img " src="images/步骤条_steps/u2159.png"/>
          <div id="u2171_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u2172" class="ax_default _默认样式">
          <img id="u2172_img" class="img " src="images/步骤条_steps/u2160.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2173" class="ax_default _默认样式 selected">
          <img id="u2173_img" class="img " src="images/步骤条_steps/u2159.png"/>
          <div id="u2173_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u2174" class="ax_default _默认样式">
          <img id="u2174_img" class="img " src="images/步骤条_steps/u2160.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2175" class="ax_default _默认样式">
          <img id="u2175_img" class="img " src="images/步骤条_steps/u2149.png"/>
          <div id="u2175_text" class="text ">
            <p><span>4</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2176" class="ax_default _默认样式">
          <div id="u2176_div" class=""></div>
          <div id="u2176_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">已完成</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">这里是该步骤的描述信息</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2177" class="ax_default _默认样式">
          <div id="u2177_div" class=""></div>
          <div id="u2177_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">已完成</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">这里是该步骤的描述信息</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2178" class="ax_default _默认样式 selected">
          <img id="u2178_img" class="img " src="images/步骤条_steps/u2147.png"/>
          <div id="u2178_text" class="text ">
            <p><span>3</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u2179" class="ax_default _默认样式">
          <img id="u2179_img" class="img " src="images/步骤条_steps/u2148.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2180" class="ax_default _默认样式">
          <div id="u2180_div" class=""></div>
          <div id="u2180_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">进行中</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">这里是该步骤的描述信息</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2181" class="ax_default _默认样式">
          <div id="u2181_div" class=""></div>
          <div id="u2181_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">待进行</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">这里是该步骤的描述信息</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2182" class="ax_default" data-left="134" data-top="597" data-width="877" data-height="53">

        <!-- Unnamed (Ellipse) -->
        <div id="u2183" class="ax_default _默认样式">
          <img id="u2183_img" class="img " src="images/步骤条_steps/u2159.png"/>
          <div id="u2183_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u2184" class="ax_default _默认样式">
          <img id="u2184_img" class="img " src="images/步骤条_steps/u2160.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2185" class="ax_default _默认样式 selected">
          <img id="u2185_img" class="img " src="images/步骤条_steps/u2159.png"/>
          <div id="u2185_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u2186" class="ax_default _默认样式">
          <img id="u2186_img" class="img " src="images/步骤条_steps/u2160.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2187" class="ax_default _默认样式">
          <img id="u2187_img" class="img " src="images/步骤条_steps/u2147.png"/>
          <div id="u2187_text" class="text ">
            <p><span>4</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2188" class="ax_default _默认样式">
          <div id="u2188_div" class=""></div>
          <div id="u2188_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">已完成</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">这里是该步骤的描述信息</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2189" class="ax_default _默认样式">
          <div id="u2189_div" class=""></div>
          <div id="u2189_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">已完成</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">这里是该步骤的描述信息</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2190" class="ax_default _默认样式 selected">
          <img id="u2190_img" class="img " src="images/步骤条_steps/u2159.png"/>
          <div id="u2190_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u2191" class="ax_default _默认样式">
          <img id="u2191_img" class="img " src="images/步骤条_steps/u2160.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2192" class="ax_default _默认样式">
          <div id="u2192_div" class=""></div>
          <div id="u2192_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">已完成</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">这里是该步骤的描述信息</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2193" class="ax_default _默认样式">
          <div id="u2193_div" class=""></div>
          <div id="u2193_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">进行中</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">这里是该步骤的描述信息</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2194" class="ax_default _默认样式">
        <div id="u2194_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2195" class="ax_default _默认样式">
        <div id="u2195_div" class=""></div>
        <div id="u2195_text" class="text ">
          <p><span>迷你步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2196" class="ax_default" data-left="233" data-top="2031" data-width="676" data-height="63">

        <!-- Unnamed (Horizontal Line) -->
        <div id="u2197" class="ax_default _默认样式">
          <img id="u2197_img" class="img " src="images/步骤条_steps/u2197.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2198" class="ax_default _默认样式">
          <img id="u2198_img" class="img " src="images/步骤条_steps/u2159.png"/>
          <div id="u2198_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u2199" class="ax_default _默认样式">
          <img id="u2199_img" class="img " src="images/步骤条_steps/u2199.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2200" class="ax_default _默认样式">
          <div id="u2200_div" class=""></div>
          <div id="u2200_text" class="text ">
            <p><span>已完成</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2201" class="ax_default _默认样式">
          <div id="u2201_div" class=""></div>
          <div id="u2201_text" class="text ">
            <p><span>进行中</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2202" class="ax_default _默认样式">
          <div id="u2202_div" class=""></div>
          <div id="u2202_text" class="text ">
            <p><span>待进行</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2203" class="ax_default _默认样式">
          <div id="u2203_div" class=""></div>
          <div id="u2203_text" class="text ">
            <p><span>待进行</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2204" class="ax_default _默认样式 selected">
          <img id="u2204_img" class="img " src="images/步骤条_steps/u2147.png"/>
          <div id="u2204_text" class="text ">
            <p><span>2</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2205" class="ax_default _默认样式">
          <img id="u2205_img" class="img " src="images/步骤条_steps/u2149.png"/>
          <div id="u2205_text" class="text ">
            <p><span>4</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2206" class="ax_default _默认样式 selected">
          <img id="u2206_img" class="img " src="images/步骤条_steps/u2149.png"/>
          <div id="u2206_text" class="text ">
            <p><span>3</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2207" class="ax_default" data-left="233" data-top="1935" data-width="676" data-height="63">

        <!-- Unnamed (Horizontal Line) -->
        <div id="u2208" class="ax_default _默认样式">
          <img id="u2208_img" class="img " src="images/步骤条_steps/u2197.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2209" class="ax_default _默认样式">
          <img id="u2209_img" class="img " src="images/步骤条_steps/u2147.png"/>
          <div id="u2209_text" class="text ">
            <p><span>1</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u2210" class="ax_default _默认样式">
          <img id="u2210_img" class="img " src="images/步骤条_steps/u2210.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2211" class="ax_default _默认样式">
          <div id="u2211_div" class=""></div>
          <div id="u2211_text" class="text ">
            <p><span>进行中</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2212" class="ax_default _默认样式">
          <div id="u2212_div" class=""></div>
          <div id="u2212_text" class="text ">
            <p><span>待进行</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2213" class="ax_default _默认样式">
          <div id="u2213_div" class=""></div>
          <div id="u2213_text" class="text ">
            <p><span>待进行</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2214" class="ax_default _默认样式">
          <div id="u2214_div" class=""></div>
          <div id="u2214_text" class="text ">
            <p><span>待进行</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2215" class="ax_default _默认样式 selected">
          <img id="u2215_img" class="img " src="images/步骤条_steps/u2149.png"/>
          <div id="u2215_text" class="text ">
            <p><span>2</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2216" class="ax_default _默认样式">
          <img id="u2216_img" class="img " src="images/步骤条_steps/u2149.png"/>
          <div id="u2216_text" class="text ">
            <p><span>4</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2217" class="ax_default _默认样式 selected">
          <img id="u2217_img" class="img " src="images/步骤条_steps/u2149.png"/>
          <div id="u2217_text" class="text ">
            <p><span>3</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2218" class="ax_default" data-left="232" data-top="2126" data-width="676" data-height="63">

        <!-- Unnamed (Horizontal Line) -->
        <div id="u2219" class="ax_default _默认样式">
          <img id="u2219_img" class="img " src="images/步骤条_steps/u2197.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2220" class="ax_default _默认样式">
          <img id="u2220_img" class="img " src="images/步骤条_steps/u2159.png"/>
          <div id="u2220_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u2221" class="ax_default _默认样式">
          <img id="u2221_img" class="img " src="images/步骤条_steps/u2221.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2222" class="ax_default _默认样式">
          <div id="u2222_div" class=""></div>
          <div id="u2222_text" class="text ">
            <p><span>已完成</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2223" class="ax_default _默认样式">
          <div id="u2223_div" class=""></div>
          <div id="u2223_text" class="text ">
            <p><span>已完成</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2224" class="ax_default _默认样式">
          <div id="u2224_div" class=""></div>
          <div id="u2224_text" class="text ">
            <p><span>进行中</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2225" class="ax_default _默认样式">
          <div id="u2225_div" class=""></div>
          <div id="u2225_text" class="text ">
            <p><span>待进行</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2226" class="ax_default _默认样式 selected">
          <img id="u2226_img" class="img " src="images/步骤条_steps/u2159.png"/>
          <div id="u2226_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2227" class="ax_default _默认样式">
          <img id="u2227_img" class="img " src="images/步骤条_steps/u2149.png"/>
          <div id="u2227_text" class="text ">
            <p><span>4</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2228" class="ax_default _默认样式 selected">
          <img id="u2228_img" class="img " src="images/步骤条_steps/u2147.png"/>
          <div id="u2228_text" class="text ">
            <p><span>3</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2229" class="ax_default" data-left="233" data-top="2225" data-width="676" data-height="63">

        <!-- Unnamed (Horizontal Line) -->
        <div id="u2230" class="ax_default _默认样式">
          <img id="u2230_img" class="img " src="images/步骤条_steps/u2197.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2231" class="ax_default _默认样式">
          <img id="u2231_img" class="img " src="images/步骤条_steps/u2159.png"/>
          <div id="u2231_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u2232" class="ax_default _默认样式">
          <img id="u2232_img" class="img " src="images/步骤条_steps/u2232.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2233" class="ax_default _默认样式">
          <div id="u2233_div" class=""></div>
          <div id="u2233_text" class="text ">
            <p><span>已完成</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2234" class="ax_default _默认样式">
          <div id="u2234_div" class=""></div>
          <div id="u2234_text" class="text ">
            <p><span>已完成</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2235" class="ax_default _默认样式">
          <div id="u2235_div" class=""></div>
          <div id="u2235_text" class="text ">
            <p><span>已完成</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2236" class="ax_default _默认样式">
          <div id="u2236_div" class=""></div>
          <div id="u2236_text" class="text ">
            <p><span>进行中</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2237" class="ax_default _默认样式 selected">
          <img id="u2237_img" class="img " src="images/步骤条_steps/u2159.png"/>
          <div id="u2237_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2238" class="ax_default _默认样式 selected">
          <img id="u2238_img" class="img " src="images/步骤条_steps/u2147.png"/>
          <div id="u2238_text" class="text ">
            <p><span>4</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2239" class="ax_default _默认样式 selected">
          <img id="u2239_img" class="img " src="images/步骤条_steps/u2159.png"/>
          <div id="u2239_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2240" class="ax_default _默认样式">
        <div id="u2240_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2241" class="ax_default _默认样式">
        <div id="u2241_div" class=""></div>
        <div id="u2241_text" class="text ">
          <p><span>图标步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2242" class="ax_default" data-left="232" data-top="2446" data-width="676" data-height="63">

        <!-- Unnamed (Ellipse) -->
        <div id="u2243" class="ax_default _默认样式">
          <img id="u2243_img" class="img " src="images/步骤条_steps/u2243.png"/>
          <div id="u2243_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u2244" class="ax_default _默认样式">
          <img id="u2244_img" class="img " src="images/步骤条_steps/u2244.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2245" class="ax_default _默认样式">
          <img id="u2245_img" class="img " src="images/步骤条_steps/u2245.png"/>
          <div id="u2245_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u2246" class="ax_default _默认样式">
          <img id="u2246_img" class="img " src="images/步骤条_steps/u2244.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2247" class="ax_default _默认样式">
          <img id="u2247_img" class="img " src="images/步骤条_steps/u2243.png"/>
          <div id="u2247_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2248" class="ax_default _默认样式">
          <div id="u2248_div" class=""></div>
          <div id="u2248_text" class="text ">
            <p><span>注册</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2249" class="ax_default _默认样式">
          <div id="u2249_div" class=""></div>
          <div id="u2249_text" class="text ">
            <p><span>上传头像</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2250" class="ax_default _默认样式">
          <img id="u2250_img" class="img " src="images/步骤条_steps/u2243.png"/>
          <div id="u2250_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u2251" class="ax_default _默认样式">
          <img id="u2251_img" class="img " src="images/步骤条_steps/u2244.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2252" class="ax_default _默认样式">
          <div id="u2252_div" class=""></div>
          <div id="u2252_text" class="text ">
            <p><span>验证邮箱</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2253" class="ax_default _默认样式">
          <div id="u2253_div" class=""></div>
          <div id="u2253_text" class="text ">
            <p><span>注册成功</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2254" class="ax_default" data-left="232" data-top="2551" data-width="676" data-height="63">

        <!-- Unnamed (Ellipse) -->
        <div id="u2255" class="ax_default _默认样式">
          <img id="u2255_img" class="img " src="images/步骤条_steps/u2243.png"/>
          <div id="u2255_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u2256" class="ax_default _默认样式">
          <img id="u2256_img" class="img " src="images/步骤条_steps/u2256.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2257" class="ax_default _默认样式">
          <img id="u2257_img" class="img " src="images/步骤条_steps/u2245.png"/>
          <div id="u2257_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u2258" class="ax_default _默认样式">
          <img id="u2258_img" class="img " src="images/步骤条_steps/u2244.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2259" class="ax_default _默认样式">
          <img id="u2259_img" class="img " src="images/步骤条_steps/u2243.png"/>
          <div id="u2259_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2260" class="ax_default _默认样式">
          <div id="u2260_div" class=""></div>
          <div id="u2260_text" class="text ">
            <p><span>注册</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2261" class="ax_default _默认样式">
          <div id="u2261_div" class=""></div>
          <div id="u2261_text" class="text ">
            <p><span>上传头像</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2262" class="ax_default _默认样式">
          <img id="u2262_img" class="img " src="images/步骤条_steps/u2243.png"/>
          <div id="u2262_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u2263" class="ax_default _默认样式">
          <img id="u2263_img" class="img " src="images/步骤条_steps/u2244.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2264" class="ax_default _默认样式">
          <div id="u2264_div" class=""></div>
          <div id="u2264_text" class="text ">
            <p><span>验证邮箱</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2265" class="ax_default _默认样式">
          <div id="u2265_div" class=""></div>
          <div id="u2265_text" class="text ">
            <p><span>注册成功</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2266" class="ax_default" data-left="232" data-top="2646" data-width="676" data-height="63">

        <!-- Unnamed (Ellipse) -->
        <div id="u2267" class="ax_default _默认样式">
          <img id="u2267_img" class="img " src="images/步骤条_steps/u2243.png"/>
          <div id="u2267_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u2268" class="ax_default _默认样式">
          <img id="u2268_img" class="img " src="images/步骤条_steps/u2256.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2269" class="ax_default _默认样式">
          <img id="u2269_img" class="img " src="images/步骤条_steps/u2245.png"/>
          <div id="u2269_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u2270" class="ax_default _默认样式">
          <img id="u2270_img" class="img " src="images/步骤条_steps/u2256.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2271" class="ax_default _默认样式">
          <img id="u2271_img" class="img " src="images/步骤条_steps/u2243.png"/>
          <div id="u2271_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2272" class="ax_default _默认样式">
          <div id="u2272_div" class=""></div>
          <div id="u2272_text" class="text ">
            <p><span>注册</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2273" class="ax_default _默认样式">
          <div id="u2273_div" class=""></div>
          <div id="u2273_text" class="text ">
            <p><span>上传头像</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2274" class="ax_default _默认样式">
          <img id="u2274_img" class="img " src="images/步骤条_steps/u2243.png"/>
          <div id="u2274_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u2275" class="ax_default _默认样式">
          <img id="u2275_img" class="img " src="images/步骤条_steps/u2244.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2276" class="ax_default _默认样式">
          <div id="u2276_div" class=""></div>
          <div id="u2276_text" class="text ">
            <p><span>验证邮箱</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2277" class="ax_default _默认样式">
          <div id="u2277_div" class=""></div>
          <div id="u2277_text" class="text ">
            <p><span>注册成功</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2278" class="ax_default" data-left="232" data-top="2738" data-width="676" data-height="63">

        <!-- Unnamed (Ellipse) -->
        <div id="u2279" class="ax_default _默认样式">
          <img id="u2279_img" class="img " src="images/步骤条_steps/u2243.png"/>
          <div id="u2279_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u2280" class="ax_default _默认样式">
          <img id="u2280_img" class="img " src="images/步骤条_steps/u2256.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2281" class="ax_default _默认样式">
          <img id="u2281_img" class="img " src="images/步骤条_steps/u2245.png"/>
          <div id="u2281_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u2282" class="ax_default _默认样式">
          <img id="u2282_img" class="img " src="images/步骤条_steps/u2256.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2283" class="ax_default _默认样式">
          <img id="u2283_img" class="img " src="images/步骤条_steps/u2243.png"/>
          <div id="u2283_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2284" class="ax_default _默认样式">
          <div id="u2284_div" class=""></div>
          <div id="u2284_text" class="text ">
            <p><span>注册</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2285" class="ax_default _默认样式">
          <div id="u2285_div" class=""></div>
          <div id="u2285_text" class="text ">
            <p><span>上传头像</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2286" class="ax_default _默认样式">
          <img id="u2286_img" class="img " src="images/步骤条_steps/u2243.png"/>
          <div id="u2286_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u2287" class="ax_default _默认样式">
          <img id="u2287_img" class="img " src="images/步骤条_steps/u2256.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2288" class="ax_default _默认样式">
          <div id="u2288_div" class=""></div>
          <div id="u2288_text" class="text ">
            <p><span>验证邮箱</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2289" class="ax_default _默认样式">
          <div id="u2289_div" class=""></div>
          <div id="u2289_text" class="text ">
            <p><span>注册成功</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2290" class="ax_default _默认样式">
        <div id="u2290_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2291" class="ax_default _默认样式">
        <div id="u2291_div" class=""></div>
        <div id="u2291_text" class="text ">
          <p><span>垂直步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2292" class="ax_default" data-left="349" data-top="836" data-width="191" data-height="238">

        <!-- Unnamed (Vertical Line) -->
        <div id="u2293" class="ax_default _默认样式">
          <img id="u2293_img" class="img " src="images/步骤条_steps/u2293.png"/>
        </div>

        <!-- Unnamed (Vertical Line) -->
        <div id="u2294" class="ax_default _默认样式">
          <img id="u2294_img" class="img " src="images/步骤条_steps/u2294.png"/>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u2295" class="ax_default" data-left="349" data-top="836" data-width="191" data-height="238">

          <!-- Unnamed (Ellipse) -->
          <div id="u2296" class="ax_default _默认样式">
            <img id="u2296_img" class="img " src="images/步骤条_steps/u2159.png"/>
            <div id="u2296_text" class="text ">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u2297" class="ax_default _默认样式">
            <div id="u2297_div" class=""></div>
            <div id="u2297_text" class="text ">
              <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">已完成</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">这里是该步骤的描述信息</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u2298" class="ax_default _默认样式">
            <div id="u2298_div" class=""></div>
            <div id="u2298_text" class="text ">
              <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">进行中</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">这里是该步骤的描述信息</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u2299" class="ax_default _默认样式">
            <div id="u2299_div" class=""></div>
            <div id="u2299_text" class="text ">
              <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">待进行</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">这里是该步骤的描述信息</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u2300" class="ax_default _默认样式">
            <div id="u2300_div" class=""></div>
            <div id="u2300_text" class="text ">
              <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">待进行</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">这里是该步骤的描述信息</span></p>
            </div>
          </div>

          <!-- Unnamed (Ellipse) -->
          <div id="u2301" class="ax_default _默认样式 selected">
            <img id="u2301_img" class="img " src="images/步骤条_steps/u2149.png"/>
            <div id="u2301_text" class="text ">
              <p><span>3</span></p>
            </div>
          </div>

          <!-- Unnamed (Ellipse) -->
          <div id="u2302" class="ax_default _默认样式">
            <img id="u2302_img" class="img " src="images/步骤条_steps/u2149.png"/>
            <div id="u2302_text" class="text ">
              <p><span>4</span></p>
            </div>
          </div>

          <!-- Unnamed (Ellipse) -->
          <div id="u2303" class="ax_default _默认样式 selected">
            <img id="u2303_img" class="img " src="images/步骤条_steps/u2147.png"/>
            <div id="u2303_text" class="text ">
              <p><span>2</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2304" class="ax_default" data-left="98" data-top="836" data-width="191" data-height="238">

        <!-- Unnamed (Vertical Line) -->
        <div id="u2305" class="ax_default _默认样式">
          <img id="u2305_img" class="img " src="images/步骤条_steps/u2293.png"/>
        </div>

        <!-- Unnamed (Vertical Line) -->
        <div id="u2306" class="ax_default _默认样式">
          <img id="u2306_img" class="img " src="images/步骤条_steps/u2306.png"/>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u2307" class="ax_default" data-left="98" data-top="836" data-width="191" data-height="238">

          <!-- Unnamed (Ellipse) -->
          <div id="u2308" class="ax_default _默认样式">
            <img id="u2308_img" class="img " src="images/步骤条_steps/u2147.png"/>
            <div id="u2308_text" class="text ">
              <p><span>1</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u2309" class="ax_default _默认样式">
            <div id="u2309_div" class=""></div>
            <div id="u2309_text" class="text ">
              <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">进行中</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">这里是该步骤的描述信息</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u2310" class="ax_default _默认样式">
            <div id="u2310_div" class=""></div>
            <div id="u2310_text" class="text ">
              <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">待进行</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">这里是该步骤的描述信息</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u2311" class="ax_default _默认样式">
            <div id="u2311_div" class=""></div>
            <div id="u2311_text" class="text ">
              <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">待进行</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">这里是该步骤的描述信息</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u2312" class="ax_default _默认样式">
            <div id="u2312_div" class=""></div>
            <div id="u2312_text" class="text ">
              <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">待进行</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">这里是该步骤的描述信息</span></p>
            </div>
          </div>

          <!-- Unnamed (Ellipse) -->
          <div id="u2313" class="ax_default _默认样式 selected">
            <img id="u2313_img" class="img " src="images/步骤条_steps/u2149.png"/>
            <div id="u2313_text" class="text ">
              <p><span>3</span></p>
            </div>
          </div>

          <!-- Unnamed (Ellipse) -->
          <div id="u2314" class="ax_default _默认样式">
            <img id="u2314_img" class="img " src="images/步骤条_steps/u2149.png"/>
            <div id="u2314_text" class="text ">
              <p><span>4</span></p>
            </div>
          </div>

          <!-- Unnamed (Ellipse) -->
          <div id="u2315" class="ax_default _默认样式 selected">
            <img id="u2315_img" class="img " src="images/步骤条_steps/u2315.png"/>
            <div id="u2315_text" class="text ">
              <p><span>2</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2316" class="ax_default" data-left="600" data-top="836" data-width="191" data-height="238">

        <!-- Unnamed (Vertical Line) -->
        <div id="u2317" class="ax_default _默认样式">
          <img id="u2317_img" class="img " src="images/步骤条_steps/u2293.png"/>
        </div>

        <!-- Unnamed (Vertical Line) -->
        <div id="u2318" class="ax_default _默认样式">
          <img id="u2318_img" class="img " src="images/步骤条_steps/u2318.png"/>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u2319" class="ax_default" data-left="600" data-top="836" data-width="191" data-height="238">

          <!-- Unnamed (Ellipse) -->
          <div id="u2320" class="ax_default _默认样式">
            <img id="u2320_img" class="img " src="images/步骤条_steps/u2159.png"/>
            <div id="u2320_text" class="text ">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u2321" class="ax_default _默认样式">
            <div id="u2321_div" class=""></div>
            <div id="u2321_text" class="text ">
              <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">已完成</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">这里是该步骤的描述信息</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u2322" class="ax_default _默认样式">
            <div id="u2322_div" class=""></div>
            <div id="u2322_text" class="text ">
              <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">已完成</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">这里是该步骤的描述信息</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u2323" class="ax_default _默认样式">
            <div id="u2323_div" class=""></div>
            <div id="u2323_text" class="text ">
              <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">进行中</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">这里是该步骤的描述信息</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u2324" class="ax_default _默认样式">
            <div id="u2324_div" class=""></div>
            <div id="u2324_text" class="text ">
              <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">待进行</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">这里是该步骤的描述信息</span></p>
            </div>
          </div>

          <!-- Unnamed (Ellipse) -->
          <div id="u2325" class="ax_default _默认样式 selected">
            <img id="u2325_img" class="img " src="images/步骤条_steps/u2147.png"/>
            <div id="u2325_text" class="text ">
              <p><span>3</span></p>
            </div>
          </div>

          <!-- Unnamed (Ellipse) -->
          <div id="u2326" class="ax_default _默认样式">
            <img id="u2326_img" class="img " src="images/步骤条_steps/u2149.png"/>
            <div id="u2326_text" class="text ">
              <p><span>4</span></p>
            </div>
          </div>

          <!-- Unnamed (Ellipse) -->
          <div id="u2327" class="ax_default _默认样式 selected">
            <img id="u2327_img" class="img " src="images/步骤条_steps/u2159.png"/>
            <div id="u2327_text" class="text ">
              <p><span></span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2328" class="ax_default" data-left="851" data-top="836" data-width="191" data-height="239">

        <!-- Unnamed (Vertical Line) -->
        <div id="u2329" class="ax_default _默认样式">
          <img id="u2329_img" class="img " src="images/步骤条_steps/u2293.png"/>
        </div>

        <!-- Unnamed (Vertical Line) -->
        <div id="u2330" class="ax_default _默认样式">
          <img id="u2330_img" class="img " src="images/步骤条_steps/u2330.png"/>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u2331" class="ax_default" data-left="851" data-top="836" data-width="191" data-height="239">

          <!-- Unnamed (Ellipse) -->
          <div id="u2332" class="ax_default _默认样式">
            <img id="u2332_img" class="img " src="images/步骤条_steps/u2159.png"/>
            <div id="u2332_text" class="text ">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u2333" class="ax_default _默认样式">
            <div id="u2333_div" class=""></div>
            <div id="u2333_text" class="text ">
              <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">已完成</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">这里是该步骤的描述信息</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u2334" class="ax_default _默认样式">
            <div id="u2334_div" class=""></div>
            <div id="u2334_text" class="text ">
              <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">已完成</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">这里是该步骤的描述信息</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u2335" class="ax_default _默认样式">
            <div id="u2335_div" class=""></div>
            <div id="u2335_text" class="text ">
              <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">已完成</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">这里是该步骤的描述信息</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u2336" class="ax_default _默认样式">
            <div id="u2336_div" class=""></div>
            <div id="u2336_text" class="text ">
              <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">进行中</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">这里是该步骤的描述信息</span></p>
            </div>
          </div>

          <!-- Unnamed (Ellipse) -->
          <div id="u2337" class="ax_default _默认样式 selected">
            <img id="u2337_img" class="img " src="images/步骤条_steps/u2159.png"/>
            <div id="u2337_text" class="text ">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Ellipse) -->
          <div id="u2338" class="ax_default _默认样式">
            <img id="u2338_img" class="img " src="images/步骤条_steps/u2147.png"/>
            <div id="u2338_text" class="text ">
              <p><span>4</span></p>
            </div>
          </div>

          <!-- Unnamed (Ellipse) -->
          <div id="u2339" class="ax_default _默认样式 selected">
            <img id="u2339_img" class="img " src="images/步骤条_steps/u2159.png"/>
            <div id="u2339_text" class="text ">
              <p><span></span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2340" class="ax_default _默认样式">
        <div id="u2340_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2341" class="ax_default _默认样式">
        <div id="u2341_div" class=""></div>
        <div id="u2341_text" class="text ">
          <p><span>箭头步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2342" class="ax_default" data-left="120" data-top="3323" data-width="900" data-height="50">

        <!-- Unnamed (Rectangle) -->
        <div id="u2343" class="ax_default _默认样式">
          <div id="u2343_div" class=""></div>
          <div id="u2343_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';"> </span><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-size:14px;">注册成功</span></p>
          </div>
        </div>

        <!-- Unnamed (Right Arrow Button) -->
        <div id="u2344" class="ax_default _默认样式">
          <img id="u2344_img" class="img " src="images/步骤条_steps/u2344.png"/>
          <div id="u2344_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';"> </span><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-size:14px;">验证邮箱</span></p>
          </div>
        </div>

        <!-- Unnamed (Right Arrow Button) -->
        <div id="u2345" class="ax_default _默认样式">
          <img id="u2345_img" class="img " src="images/步骤条_steps/u2345.png"/>
          <div id="u2345_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';"> </span><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-size:14px;">上传头像</span></p>
          </div>
        </div>

        <!-- Unnamed (Right Arrow Button) -->
        <div id="u2346" class="ax_default _默认样式 selected">
          <img id="u2346_img" class="img " src="images/步骤条_steps/u2345.png"/>
          <div id="u2346_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';"></span><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-size:14px;"> 注册</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2347" class="ax_default" data-left="120" data-top="3255" data-width="900" data-height="50">

        <!-- Unnamed (Rectangle) -->
        <div id="u2348" class="ax_default _默认样式">
          <div id="u2348_div" class=""></div>
          <div id="u2348_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';"> </span><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-size:14px;">注册成功</span></p>
          </div>
        </div>

        <!-- Unnamed (Right Arrow Button) -->
        <div id="u2349" class="ax_default _默认样式">
          <img id="u2349_img" class="img " src="images/步骤条_steps/u2344.png"/>
          <div id="u2349_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';"> </span><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-size:14px;">验证邮箱</span></p>
          </div>
        </div>

        <!-- Unnamed (Right Arrow Button) -->
        <div id="u2350" class="ax_default _默认样式">
          <img id="u2350_img" class="img " src="images/步骤条_steps/u2344.png"/>
          <div id="u2350_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';"> </span><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-size:14px;">上传头像</span></p>
          </div>
        </div>

        <!-- Unnamed (Right Arrow Button) -->
        <div id="u2351" class="ax_default _默认样式">
          <img id="u2351_img" class="img " src="images/步骤条_steps/u2345.png"/>
          <div id="u2351_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';"></span><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-size:14px;"> 注册</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2352" class="ax_default" data-left="120" data-top="3463" data-width="900" data-height="50">

        <!-- Unnamed (Rectangle) -->
        <div id="u2353" class="ax_default _默认样式">
          <div id="u2353_div" class=""></div>
          <div id="u2353_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';"> </span><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-size:14px;">注册成功</span></p>
          </div>
        </div>

        <!-- Unnamed (Right Arrow Button) -->
        <div id="u2354" class="ax_default _默认样式 selected">
          <img id="u2354_img" class="img " src="images/步骤条_steps/u2345.png"/>
          <div id="u2354_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';"> </span><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-size:14px;">验证邮箱</span></p>
          </div>
        </div>

        <!-- Unnamed (Right Arrow Button) -->
        <div id="u2355" class="ax_default _默认样式 selected">
          <img id="u2355_img" class="img " src="images/步骤条_steps/u2345.png"/>
          <div id="u2355_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';"> </span><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-size:14px;">上传头像</span></p>
          </div>
        </div>

        <!-- Unnamed (Right Arrow Button) -->
        <div id="u2356" class="ax_default _默认样式 selected">
          <img id="u2356_img" class="img " src="images/步骤条_steps/u2345.png"/>
          <div id="u2356_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';"></span><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-size:14px;"> 注册</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2357" class="ax_default" data-left="120" data-top="3393" data-width="900" data-height="50">

        <!-- Unnamed (Rectangle) -->
        <div id="u2358" class="ax_default _默认样式">
          <div id="u2358_div" class=""></div>
          <div id="u2358_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';"> </span><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-size:14px;">注册成功</span></p>
          </div>
        </div>

        <!-- Unnamed (Right Arrow Button) -->
        <div id="u2359" class="ax_default _默认样式">
          <img id="u2359_img" class="img " src="images/步骤条_steps/u2345.png"/>
          <div id="u2359_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';"> </span><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-size:14px;">验证邮箱</span></p>
          </div>
        </div>

        <!-- Unnamed (Right Arrow Button) -->
        <div id="u2360" class="ax_default _默认样式 selected">
          <img id="u2360_img" class="img " src="images/步骤条_steps/u2345.png"/>
          <div id="u2360_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';"> </span><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-size:14px;">上传头像</span></p>
          </div>
        </div>

        <!-- Unnamed (Right Arrow Button) -->
        <div id="u2361" class="ax_default _默认样式 selected">
          <img id="u2361_img" class="img " src="images/步骤条_steps/u2345.png"/>
          <div id="u2361_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';"></span><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-size:14px;"> 注册</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2362" class="ax_default" data-left="120" data-top="3025" data-width="900" data-height="50">

        <!-- Unnamed (Rectangle) -->
        <div id="u2363" class="ax_default _默认样式">
          <div id="u2363_div" class=""></div>
          <div id="u2363_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';"> </span><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-size:14px;">注册成功</span></p>
          </div>
        </div>

        <!-- Unnamed (Right Arrow Button) -->
        <div id="u2364" class="ax_default _默认样式">
          <img id="u2364_img" class="img " src="images/步骤条_steps/u2364.png"/>
          <div id="u2364_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';"> </span><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-size:14px;">验证邮箱</span></p>
          </div>
        </div>

        <!-- Unnamed (Right Arrow Button) -->
        <div id="u2365" class="ax_default _默认样式">
          <img id="u2365_img" class="img " src="images/步骤条_steps/u2364.png"/>
          <div id="u2365_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';"> </span><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-size:14px;">上传头像</span></p>
          </div>
        </div>

        <!-- Unnamed (Right Arrow Button) -->
        <div id="u2366" class="ax_default _默认样式 selected">
          <img id="u2366_img" class="img " src="images/步骤条_steps/u2364.png"/>
          <div id="u2366_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';"></span><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-size:14px;"> 注册</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2367" class="ax_default" data-left="120" data-top="2957" data-width="900" data-height="50">

        <!-- Unnamed (Rectangle) -->
        <div id="u2368" class="ax_default _默认样式">
          <div id="u2368_div" class=""></div>
          <div id="u2368_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';"> </span><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-size:14px;">注册成功</span></p>
          </div>
        </div>

        <!-- Unnamed (Right Arrow Button) -->
        <div id="u2369" class="ax_default _默认样式">
          <img id="u2369_img" class="img " src="images/步骤条_steps/u2364.png"/>
          <div id="u2369_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';"> </span><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-size:14px;">验证邮箱</span></p>
          </div>
        </div>

        <!-- Unnamed (Right Arrow Button) -->
        <div id="u2370" class="ax_default _默认样式">
          <img id="u2370_img" class="img " src="images/步骤条_steps/u2364.png"/>
          <div id="u2370_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';"> </span><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-size:14px;">上传头像</span></p>
          </div>
        </div>

        <!-- Unnamed (Right Arrow Button) -->
        <div id="u2371" class="ax_default _默认样式">
          <img id="u2371_img" class="img " src="images/步骤条_steps/u2364.png"/>
          <div id="u2371_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';"></span><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-size:14px;"> 注册</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2372" class="ax_default" data-left="120" data-top="3165" data-width="900" data-height="50">

        <!-- Unnamed (Rectangle) -->
        <div id="u2373" class="ax_default _默认样式">
          <div id="u2373_div" class=""></div>
          <div id="u2373_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';"> </span><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-size:14px;">注册成功</span></p>
          </div>
        </div>

        <!-- Unnamed (Right Arrow Button) -->
        <div id="u2374" class="ax_default _默认样式 selected">
          <img id="u2374_img" class="img " src="images/步骤条_steps/u2364.png"/>
          <div id="u2374_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';"> </span><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-size:14px;">验证邮箱</span></p>
          </div>
        </div>

        <!-- Unnamed (Right Arrow Button) -->
        <div id="u2375" class="ax_default _默认样式 selected">
          <img id="u2375_img" class="img " src="images/步骤条_steps/u2364.png"/>
          <div id="u2375_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';"> </span><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-size:14px;">上传头像</span></p>
          </div>
        </div>

        <!-- Unnamed (Right Arrow Button) -->
        <div id="u2376" class="ax_default _默认样式 selected">
          <img id="u2376_img" class="img " src="images/步骤条_steps/u2364.png"/>
          <div id="u2376_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';"></span><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-size:14px;"> 注册</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2377" class="ax_default" data-left="120" data-top="3095" data-width="900" data-height="50">

        <!-- Unnamed (Rectangle) -->
        <div id="u2378" class="ax_default _默认样式">
          <div id="u2378_div" class=""></div>
          <div id="u2378_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';"> </span><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-size:14px;">注册成功</span></p>
          </div>
        </div>

        <!-- Unnamed (Right Arrow Button) -->
        <div id="u2379" class="ax_default _默认样式">
          <img id="u2379_img" class="img " src="images/步骤条_steps/u2364.png"/>
          <div id="u2379_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';"> </span><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-size:14px;">验证邮箱</span></p>
          </div>
        </div>

        <!-- Unnamed (Right Arrow Button) -->
        <div id="u2380" class="ax_default _默认样式 selected">
          <img id="u2380_img" class="img " src="images/步骤条_steps/u2364.png"/>
          <div id="u2380_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';"> </span><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-size:14px;">上传头像</span></p>
          </div>
        </div>

        <!-- Unnamed (Right Arrow Button) -->
        <div id="u2381" class="ax_default _默认样式 selected">
          <img id="u2381_img" class="img " src="images/步骤条_steps/u2364.png"/>
          <div id="u2381_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';"></span><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-size:14px;"> 注册</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2382" class="ax_default _默认样式">
        <div id="u2382_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2383" class="ax_default _默认样式">
        <div id="u2383_div" class=""></div>
        <div id="u2383_text" class="text ">
          <p><span>点状步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2384" class="ax_default" data-left="107" data-top="1263" data-width="973" data-height="100">

        <!-- Unnamed (Horizontal Line) -->
        <div id="u2385" class="ax_default _默认样式">
          <img id="u2385_img" class="img " src="images/步骤条_steps/u2385.png"/>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u2386" class="ax_default _默认样式">
          <img id="u2386_img" class="img " src="images/步骤条_steps/u2386.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2387" class="ax_default _默认样式">
          <div id="u2387_div" class=""></div>
          <div id="u2387_text" class="text ">
            <p><span>提交申请</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2388" class="ax_default _默认样式">
          <div id="u2388_div" class=""></div>
          <div id="u2388_text" class="text ">
            <p><span>部门初审</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2389" class="ax_default _默认样式">
          <div id="u2389_div" class=""></div>
          <div id="u2389_text" class="text ">
            <p><span>行政审批</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2390" class="ax_default _默认样式">
          <div id="u2390_div" class=""></div>
          <div id="u2390_text" class="text ">
            <p><span>申请成功</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2391" class="ax_default _默认样式 selected">
          <img id="u2391_img" class="img " src="images/步骤条_steps/u2391.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2392" class="ax_default _默认样式">
          <img id="u2392_img" class="img " src="images/步骤条_steps/u2391.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2393" class="ax_default _默认样式 selected">
          <img id="u2393_img" class="img " src="images/步骤条_steps/u2391.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2394" class="ax_default _默认样式">
          <div id="u2394_div" class=""></div>
          <div id="u2394_text" class="text ">
            <p><span>PinkMan</span></p><p><span>2018-06-14 12:00</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2395" class="ax_default _默认样式">
          <img id="u2395_img" class="img " src="images/步骤条_steps/u2395.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2396" class="ax_default _默认样式">
          <div id="u2396_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2397" class="ax_default _默认样式">
          <div id="u2397_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2398" class="ax_default _默认样式">
          <div id="u2398_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2399" class="ax_default" data-left="107" data-top="1398" data-width="973" data-height="99">

        <!-- Unnamed (Horizontal Line) -->
        <div id="u2400" class="ax_default _默认样式">
          <img id="u2400_img" class="img " src="images/步骤条_steps/u2385.png"/>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u2401" class="ax_default _默认样式">
          <img id="u2401_img" class="img " src="images/步骤条_steps/u2401.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2402" class="ax_default _默认样式">
          <div id="u2402_div" class=""></div>
          <div id="u2402_text" class="text ">
            <p><span>提交申请</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2403" class="ax_default _默认样式">
          <div id="u2403_div" class=""></div>
          <div id="u2403_text" class="text ">
            <p><span>部门初审</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2404" class="ax_default _默认样式">
          <div id="u2404_div" class=""></div>
          <div id="u2404_text" class="text ">
            <p><span>行政审批</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2405" class="ax_default _默认样式">
          <div id="u2405_div" class=""></div>
          <div id="u2405_text" class="text ">
            <p><span>申请成功</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2406" class="ax_default _默认样式 selected">
          <img id="u2406_img" class="img " src="images/步骤条_steps/u2395.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2407" class="ax_default _默认样式">
          <img id="u2407_img" class="img " src="images/步骤条_steps/u2391.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2408" class="ax_default _默认样式 selected">
          <img id="u2408_img" class="img " src="images/步骤条_steps/u2391.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2409" class="ax_default _默认样式">
          <div id="u2409_div" class=""></div>
          <div id="u2409_text" class="text ">
            <p><span>PinkMan</span></p><p><span>2018-06-14 12:00</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2410" class="ax_default _默认样式">
          <img id="u2410_img" class="img " src="images/步骤条_steps/u2410.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2411" class="ax_default _默认样式">
          <div id="u2411_div" class=""></div>
          <div id="u2411_text" class="text ">
            <p><span>部门经理</span></p><p><span>2018-06-14 12:00</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2412" class="ax_default _默认样式">
          <div id="u2412_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2413" class="ax_default _默认样式">
          <div id="u2413_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2414" class="ax_default" data-left="107" data-top="1527" data-width="973" data-height="99">

        <!-- Unnamed (Horizontal Line) -->
        <div id="u2415" class="ax_default _默认样式">
          <img id="u2415_img" class="img " src="images/步骤条_steps/u2385.png"/>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u2416" class="ax_default _默认样式">
          <img id="u2416_img" class="img " src="images/步骤条_steps/u2416.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2417" class="ax_default _默认样式">
          <div id="u2417_div" class=""></div>
          <div id="u2417_text" class="text ">
            <p><span>提交申请</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2418" class="ax_default _默认样式">
          <div id="u2418_div" class=""></div>
          <div id="u2418_text" class="text ">
            <p><span>部门初审</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2419" class="ax_default _默认样式">
          <div id="u2419_div" class=""></div>
          <div id="u2419_text" class="text ">
            <p><span>行政审批</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2420" class="ax_default _默认样式">
          <div id="u2420_div" class=""></div>
          <div id="u2420_text" class="text ">
            <p><span>申请成功</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2421" class="ax_default _默认样式 selected">
          <img id="u2421_img" class="img " src="images/步骤条_steps/u2410.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2422" class="ax_default _默认样式">
          <img id="u2422_img" class="img " src="images/步骤条_steps/u2391.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2423" class="ax_default _默认样式 selected">
          <img id="u2423_img" class="img " src="images/步骤条_steps/u2395.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2424" class="ax_default _默认样式">
          <div id="u2424_div" class=""></div>
          <div id="u2424_text" class="text ">
            <p><span>PinkMan</span></p><p><span>2018-06-14 12:00</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2425" class="ax_default _默认样式">
          <img id="u2425_img" class="img " src="images/步骤条_steps/u2410.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2426" class="ax_default _默认样式">
          <div id="u2426_div" class=""></div>
          <div id="u2426_text" class="text ">
            <p><span>部门经理</span></p><p><span>2018-06-14 12:00</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2427" class="ax_default _默认样式">
          <div id="u2427_div" class=""></div>
          <div id="u2427_text" class="text ">
            <p><span>行政总监</span></p><p><span>2018-06-14 12:00</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2428" class="ax_default _默认样式">
          <div id="u2428_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2429" class="ax_default" data-left="107" data-top="1665" data-width="973" data-height="99">

        <!-- Unnamed (Horizontal Line) -->
        <div id="u2430" class="ax_default _默认样式">
          <img id="u2430_img" class="img " src="images/步骤条_steps/u2385.png"/>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u2431" class="ax_default _默认样式">
          <img id="u2431_img" class="img " src="images/步骤条_steps/u2431.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2432" class="ax_default _默认样式">
          <div id="u2432_div" class=""></div>
          <div id="u2432_text" class="text ">
            <p><span>提交申请</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2433" class="ax_default _默认样式">
          <div id="u2433_div" class=""></div>
          <div id="u2433_text" class="text ">
            <p><span>部门初审</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2434" class="ax_default _默认样式">
          <div id="u2434_div" class=""></div>
          <div id="u2434_text" class="text ">
            <p><span>行政审批</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2435" class="ax_default _默认样式">
          <div id="u2435_div" class=""></div>
          <div id="u2435_text" class="text ">
            <p><span>申请成功</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2436" class="ax_default _默认样式 selected">
          <img id="u2436_img" class="img " src="images/步骤条_steps/u2410.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2437" class="ax_default _默认样式">
          <img id="u2437_img" class="img " src="images/步骤条_steps/u2395.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2438" class="ax_default _默认样式 selected">
          <img id="u2438_img" class="img " src="images/步骤条_steps/u2410.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2439" class="ax_default _默认样式">
          <div id="u2439_div" class=""></div>
          <div id="u2439_text" class="text ">
            <p><span>PinkMan</span></p><p><span>2018-06-14 12:00</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2440" class="ax_default _默认样式">
          <img id="u2440_img" class="img " src="images/步骤条_steps/u2410.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2441" class="ax_default _默认样式">
          <div id="u2441_div" class=""></div>
          <div id="u2441_text" class="text ">
            <p><span>部门经理</span></p><p><span>2018-06-14 12:00</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2442" class="ax_default _默认样式">
          <div id="u2442_div" class=""></div>
          <div id="u2442_text" class="text ">
            <p><span>行政总监</span></p><p><span>2018-06-14 12:00</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2443" class="ax_default _默认样式">
          <div id="u2443_div" class=""></div>
          <div id="u2443_text" class="text ">
            <p><span>申请成功</span></p><p><span>2018-06-14 12:00</span></p>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
